219. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2020-08-14 00:01:44 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

219.1 Files compared

#LocationFileLast Modified
1Porto v3.2.3/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype6.rtl.css2018-06-17 21:11:02 +0000
2Porto v3.2.4/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype6.rtl.css2018-06-17 21:11:02 +0000

219.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1528
Changed00
Inserted00
Removed00

219.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

219.4 Active regular expressions

No regular expressions were active.

219.5 Comparison detail

1 .page-header.type6 .panel.wrapper{background-color:#08c;color:#fff} 1 .page-header.type6 .panel.wrapper{background-color:#08c;color:#fff}
2 .page-header.type6 .panel.header .header.links>li>a{color:#fff} 2 .page-header.type6 .panel.header .header.links>li>a{color:#fff}
3 .page-header.type6 .panel.header .header.links>li>a:hover{color:#fff} 3 .page-header.type6 .panel.header .header.links>li>a:hover{color:#fff}
4  4 
5 @media only screen and (max-width:767px){ 5 @media only screen and (max-width:767px){
6     .page-header.type6 .nav-toggle{float:left} 6     .page-header.type6 .nav-toggle{float:left}
7     .page-header.type6 .logo{height:40px;float:right;margin:10px 0} 7     .page-header.type6 .logo{height:40px;float:right;margin:10px 0}
8     .page-header.type6 .logo img{max-width:100%;max-height:100%;width:auto} 8     .page-header.type6 .logo img{max-width:100%;max-height:100%;width:auto}
9     .page-header.type6 .minicart-wrapper{position:relative;top:auto;left:auto;right:auto;margin:10px 0;float:left} 9     .page-header.type6 .minicart-wrapper{position:relative;top:auto;left:auto;right:auto;margin:10px 0;float:left}
10     .page-header.type6 .search-toggle-icon{display:none} 10     .page-header.type6 .search-toggle-icon{display:none}
11     .page-header.type6 .block-search .label{float:left;margin-left:15px;margin-top:15px} 11     .page-header.type6 .block-search .label{float:left;margin-left:15px;margin-top:15px}
12 } 12 }
13 @media all and (min-width:768px),print{ 13 @media all and (min-width:768px),print{
14     header.page-header.sticky-header.type6 .nav-sections{background-color:#fff} 14     header.page-header.sticky-header.type6 .nav-sections{background-color:#fff}
15     header.page-header.sticky-header.type6 .minicart-wrapper{margin-top:-25px} 15     header.page-header.sticky-header.type6 .minicart-wrapper{margin-top:-25px}
16     .page-header.type6:not(.header-newskin) .panel.header .switcher{padding:0 15px;border-right:1px solid #ccc} 16     .page-header.type6:not(.header-newskin) .panel.header .switcher{padding:0 15px;border-right:1px solid #ccc}
17     .page-header.type6 .header.content{display:block;vertical-align:middle;padding:28px 15px} 17     .page-header.type6 .header.content{display:block;vertical-align:middle;padding:28px 15px}
18     .page-header.type6 .logo{float:right;display:block;margin:0 0 0 25px} 18     .page-header.type6 .logo{float:right;display:block;margin:0 0 0 25px}
19     .page-header.type6 .custom-block{float:left;line-height:50px;margin-left:10px} 19     .page-header.type6 .custom-block{float:left;line-height:50px;margin-left:10px}
20     .page-header.type6 .search-area{position:relative;margin:0;display:block;float:right;top:0;right:0;height:50px;z-index:2} 20     .page-header.type6 .search-area{position:relative;margin:0;display:block;float:right;top:0;right:0;height:50px;z-index:2}
21     .page-header.type6 .search-area>a{color:#08c;line-height:50px;display:block;margin-left:10px;width:25px;text-align:center} 21     .page-header.type6 .search-area>a{color:#08c;line-height:50px;display:block;margin-left:10px;width:25px;text-align:center}
22     .page-header.type6 .search-area>a:hover{color:#08c} 22     .page-header.type6 .search-area>a:hover{color:#08c}
23     .page-header.type6 .block-search{display:none;position:absolute;right:-20px;top:100%;margin:0} 23     .page-header.type6 .block-search{display:none;position:absolute;right:-20px;top:100%;margin:0}
24     .page-header.type6 .block-search:before{content:"";display:block;position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#ccc} 24     .page-header.type6 .block-search:before{content:"";display:block;position:absolute;top:-20px;right:20px;border:10px solid transparent;border-bottom-color:#ccc}
25     .page-header.type6 .block-search input{height:45px;border-radius:25px;border:5px solid #ccc} 25     .page-header.type6 .block-search input{height:45px;border-radius:25px;border:5px solid #ccc}
26     .page-header.type6 .block-search .action.search{left:5px;height:45px;border-right:1px solid #ccc;width:40px} 26     .page-header.type6 .block-search .action.search{left:5px;height:45px;border-right:1px solid #ccc;width:40px}
27     .page-header.type6 .block-search .action.search:before{color:#08c} 27     .page-header.type6 .block-search .action.search:before{color:#08c}
28     .page-header.type6 .minicart-wrapper{position:relative;top:0;margin:0;float:left;height:50px;left:0;padding:5px 0} 28     .page-header.type6 .minicart-wrapper{position:relative;top:0;margin:0;float:left;height:50px;left:0;padding:5px 0}
29     .page-header.type6 .minicart-wrapper .action.showcart{display:block} 29     .page-header.type6 .minicart-wrapper .action.showcart{display:block}
30     .page-header.type6 .minicart-wrapper .action.showcart:before,.page-header.type6 .minicart-wrapper .action.showcart.active:before{color:#08c} 30     .page-header.type6 .minicart-wrapper .action.showcart:before,.page-header.type6 .minicart-wrapper .action.showcart.active:before{color:#08c}
31     .page-header.type6 .minicart-wrapper .action.showcart .counter-label{display:none} 31     .page-header.type6 .minicart-wrapper .action.showcart .counter-label{display:none}
32     .page-header.type6 .nav-sections{pointer-events:none} 32     .page-header.type6 .nav-sections{pointer-events:none}
33     .page-header.type6 .navigation{padding:10px 0} 33     .page-header.type6 .navigation{padding:10px 0}
34     .page-header.type6 .navigation>ul{text-align:right} 34     .page-header.type6 .navigation>ul{text-align:right}
35     .page-header.type6 .navigation>ul>li{pointer-events:all;text-align:right} 35     .page-header.type6 .navigation>ul>li{pointer-events:all;text-align:right}
36     .page-header.type6 .navigation .level0>.level-top{color:#08c;line-height:30px;display:inline-block;transition-delay:0.3s} 36     .page-header.type6 .navigation .level0>.level-top{color:#08c;line-height:30px;display:inline-block;transition-delay:0.3s}
37     .page-header.type6 .navigation .level0.active>.level-top,.page-header.type6 .navigation .level0.has-active>.level-top{color:#fff;background-color:#08c;border-radius:5px} 37     .page-header.type6 .navigation .level0.active>.level-top,.page-header.type6 .navigation .level0.has-active>.level-top{color:#fff;background-color:#08c;border-radius:5px}
38     .page-header.type6 .navigation .level0.parent>a:after{line-height:30px} 38     .page-header.type6 .navigation .level0.parent>a:after{line-height:30px}
39     .page-header.type6 .navigation .level0.parent:hover>.level-top{border-radius:5px 5px 0 0} 39     .page-header.type6 .navigation .level0.parent:hover>.level-top{border-radius:5px 5px 0 0}
40     .page-header.type6 .navigation .level0:hover>.level-top{color:#fff;background-color:#08c;border-radius:5px} 40     .page-header.type6 .navigation .level0:hover>.level-top{color:#fff;background-color:#08c;border-radius:5px}
41 } 41 }
42 @media (max-width:767px) { 42 @media (max-width:767px) {
43     .page-header.type6 .custom-block { 43     .page-header.type6 .custom-block {
44         display: none; 44         display: none;
45     } 45     }
46 } 46 }
47  47 
48 header.page-header.type6 .search-category select { 48 header.page-header.type6 .search-category select {
49     border-top-color: transparent; 49     border-top-color: transparent;
50     border-bottom-color: transparent; 50     border-bottom-color: transparent;
51     border-left: 0; 51     border-left: 0;
52 } 52 }
53 .page-header.type6.header-newskin .panel.wrapper { 53 .page-header.type6.header-newskin .panel.wrapper {
54     background-color: #65829D; 54     background-color: #65829D;
55     color: #fff; 55     color: #fff;
56 } 56 }
57 .page-header.type6.header-newskin {border: none;} 57 .page-header.type6.header-newskin {border: none;}
58 .page-header.type6.header-newskin .panel.header .header.links { 58 .page-header.type6.header-newskin .panel.header .header.links {
59     color: #c4d0dc; 59     color: #c4d0dc;
60     float: none; 60     float: none;
61     text-align: left; 61     text-align: left;
62     display: block; 62     display: block;
63 } 63 }
64 .page-header.type6 .header.panel > .header.links > li.compare { 64 .page-header.type6 .header.panel > .header.links > li.compare {
65     float: right; 65     float: right;
66 } 66 }
67 .page-header.type6 .header.panel > .header.links > li.compare > a { 67 .page-header.type6 .header.panel > .header.links > li.compare > a {
68     padding-right: 0; 68     padding-right: 0;
69 } 69 }
70 .page-header.type6.header-newskin .panel.header .header.links > li > a { 70 .page-header.type6.header-newskin .panel.header .header.links > li > a {
71     color: #c4d0dc; 71     color: #c4d0dc;
72     border: none; 72     border: none;
73 } 73 }
74 .page-header.type6.header-newskin .minicart-wrapper .action.showcart { 74 .page-header.type6.header-newskin .minicart-wrapper .action.showcart {
75     position: relative; 75     position: relative;
76     padding: 0 0 0 25px; 76     padding: 0 0 0 25px;
77     line-height: 37px; 77     line-height: 37px;
78     color: #606669; 78     color: #606669;
79 } 79 }
80 .page-header.type6.header-newskin .minicart-wrapper .action.showcart:before, 80 .page-header.type6.header-newskin .minicart-wrapper .action.showcart:before,
81 .page-header.type6.header-newskin .minicart-wrapper .action.showcart.active:before { 81 .page-header.type6.header-newskin .minicart-wrapper .action.showcart.active:before {
82     font-size: 33px; 82     font-size: 33px;
83     line-height: 40px; 83     line-height: 40px;
84 } 84 }
85 .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before { 85 .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before {
86     font-size: 25px; 86     font-size: 25px;
87 } 87 }
88 .page-header.type6.header-newskin .minicart-wrapper .action.showcart:after { 88 .page-header.type6.header-newskin .minicart-wrapper .action.showcart:after {
89     left: 0; 89     left: 0;
90     top: 1px; 90     top: 1px;
91 } 91 }
92 .page-header.type6.header-newskin .minicart-wrapper .block-minicart { 92 .page-header.type6.header-newskin .minicart-wrapper .block-minicart {
93     left: -15px; 93     left: -15px;
94 } 94 }
95 .page-header.type6.header-newskin .minicart-wrapper .action.showcart .counter.qty { 95 .page-header.type6.header-newskin .minicart-wrapper .action.showcart .counter.qty {
96     left: 19px; 96     left: 19px;
97     margin-top: -21px; 97     margin-top: -21px;
98 } 98 }
99 .page-header.type6.header-newskin .minicart-wrapper .action.showcart .counter.qty { 99 .page-header.type6.header-newskin .minicart-wrapper .action.showcart .counter.qty {
100     line-height: 17px; 100     line-height: 17px;
101 } 101 }
102 .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart { 102 .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart {
103     padding-left: 0; 103     padding-left: 0;
104 } 104 }
105 .page-header.type6.header-newskin .nav-toggle { 105 .page-header.type6.header-newskin .nav-toggle {
106     float: left; 106     float: left;
107 } 107 }
108 @media (min-width: 768px) { 108 @media (min-width: 768px) {
109     .page-header.type6 .sw-megamenu.navigation li.level0.fl-right { 109     .page-header.type6 .sw-megamenu.navigation li.level0.fl-right {
110         float: none; 110         float: none;
111     } 111     }
112     .page-header.type6.header-newskin .panel.header .switcher { 112     .page-header.type6.header-newskin .panel.header .switcher {
113         padding: 0 0 0 30px; 113         padding: 0 0 0 30px;
114         color: #c4d0dc; 114         color: #c4d0dc;
115         text-transform: uppercase; 115         text-transform: uppercase;
116     } 116     }
117     .page-header.type6.header-newskin .header.content { 117     .page-header.type6.header-newskin .header.content {
118         display: block; 118         display: block;
119         vertical-align: middle; 119         vertical-align: middle;
120         padding: 28px 15px; 120         padding: 28px 15px;
121     } 121     }
122     .page-header.sticky-header.type19 .nav-sections { 122     .page-header.sticky-header.type19 .nav-sections {
123         background-color: #fff; 123         background-color: #fff;
124     } 124     }
125     .page-header.type6.header-newskin .logo { 125     .page-header.type6.header-newskin .logo {
126         float: right; 126         float: right;
127         display: block; 127         display: block;
128         margin: 0 0 0 50px; 128         margin: 0 0 0 50px;
129     } 129     }
130     .page-header.type6.header-newskin .minicart-wrapper { 130     .page-header.type6.header-newskin .minicart-wrapper {
131         margin: 0; 131         margin: 0;
132         float: left; 132         float: left;
133         height: 50px; 133         height: 50px;
134         left: 0; 134         left: 0;
135         padding: 5px 0; 135         padding: 5px 0;
136     } 136     }
137     .page-header.type6.header-newskin.sticky-header .minicart-wrapper { 137     .page-header.type6.header-newskin.sticky-header .minicart-wrapper {
138         width: auto; 138         width: auto;
139     } 139     }
140     .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart:after { 140     .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart:after {
141         display: none; 141         display: none;
142     } 142     }
143     .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart .counter.qty { 143     .page-header.type6.header-newskin.sticky-header .minicart-wrapper .action.showcart .counter.qty {
144         left: -6px; 144         left: -6px;
145     } 145     }
146     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:before { 146     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:before {
147         left: 48px; 147         left: 48px;
148     } 148     }
149     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:after { 149     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:after {
150         left: 47px; 150         left: 47px;
151     } 151     }
152     .page-header.type6.header-newskin .search-area { 152     .page-header.type6.header-newskin .search-area {
153         position: relative; 153         position: relative;
154         margin: 0; 154         margin: 0;
155         display: block; 155         display: block;
156         float: right; 156         float: right;
157         top: 0; 157         top: 0;
158         right: 0; 158         right: 0;
159         height: 50px; 159         height: 50px;
160         z-index: 2; 160         z-index: 2;
161     } 161     }
162     .page-header.type6.header-newskin .search-area > a { 162     .page-header.type6.header-newskin .search-area > a {
163         color: #141a1f; 163         color: #141a1f;
164         line-height: 50px; 164         line-height: 50px;
165         display: block; 165         display: block;
166         margin-left: 10px; 166         margin-left: 10px;
167         width: 25px; 167         width: 25px;
168         text-align: center; 168         text-align: center;
169     } 169     }
170     .page-header.type6.header-newskin .block-search { 170     .page-header.type6.header-newskin .block-search {
171         display: none; 171         display: none;
172         position: absolute; 172         position: absolute;
173         right: -20px; 173         right: -20px;
174         top: 100%; 174         top: 100%;
175         margin: 0; 175         margin: 0;
176     } 176     }
177     .page-header.type6.header-newskin .block-search input { 177     .page-header.type6.header-newskin .block-search input {
178         height: 45px; 178         height: 45px;
179         border: 5px solid #ccc; 179         border: 5px solid #ccc;
180     } 180     }
181     .page-header.type6.header-newskin .block-search .action.search { 181     .page-header.type6.header-newskin .block-search .action.search {
182         left: 5px; 182         left: 5px;
183         height: 45px; 183         height: 45px;
184         border-right: 1px solid #ccc; 184         border-right: 1px solid #ccc;
185         width: 40px; 185         width: 40px;
186     } 186     }
187     .page-header.type6.header-newskin .custom-block { 187     .page-header.type6.header-newskin .custom-block {
188         float: left; 188         float: left;
189         height: 40px; 189         height: 40px;
190         line-height: 1; 190         line-height: 1;
191         font-size: 11px; 191         font-size: 11px;
192         color: #777; 192         color: #777;
193         border-left: solid 1px #dde0e2; 193         border-left: solid 1px #dde0e2;
194         padding-left: 35px; 194         padding-left: 35px;
195         margin-left: 25px; 195         margin-left: 25px;
196         margin-top:3px; 196         margin-top:3px;
197     } 197     }
198     .page-header.type6.header-newskin .custom-block > * { 198     .page-header.type6.header-newskin .custom-block > * {
199         display: inline-block; 199         display: inline-block;
200         vertical-align: middle; 200         vertical-align: middle;
201     } 201     }
202     .page-header.type6.header-newskin .custom-block > a { 202     .page-header.type6.header-newskin .custom-block > a {
203         font-size: 12px; 203         font-size: 12px;
204     } 204     }
205     .page-header.type6.header-newskin:not(.sticky-header) .navigation { 205     .page-header.type6.header-newskin:not(.sticky-header) .navigation {
206         padding: 10px 0; 206         padding: 10px 0;
207     } 207     }
208     .page-header.type6.header-newskin .navigation li.level0 {margin-left: 4px;} 208     .page-header.type6.header-newskin .navigation li.level0 {margin-left: 4px;}
209     .page-header.type6.header-newskin .navigation li.level0 > .level-top { 209     .page-header.type6.header-newskin .navigation li.level0 > .level-top {
210         font-size: 12px; 210         font-size: 12px;
211         font-weight: 700; 211         font-weight: 700;
212         letter-spacing: inherit; 212         letter-spacing: inherit;
213         line-height: 30px; 213         line-height: 30px;
214         display: inline-block; 214         display: inline-block;
215         transition-delay: 0.3s; 215         transition-delay: 0.3s;
216     } 216     }
217     .page-header.type6.header-newskin .navigation .level0.parent > a:after { 217     .page-header.type6.header-newskin .navigation .level0.parent > a:after {
218         line-height: 30px; 218         line-height: 30px;
219     } 219     }
220 } 220 }
221 @media (max-width: 991px) { 221 @media (max-width: 991px) {
222     .page-header.type6.header-newskin .custom-block { 222     .page-header.type6.header-newskin .custom-block {
223         display: none; 223         display: none;
224     } 224     }
225     header.page-header.type6.header-newskin.sticky-header .navigation li.level0 > .level-top { 225     header.page-header.type6.header-newskin.sticky-header .navigation li.level0 > .level-top {
226         padding: 0 10px; 226         padding: 0 10px;
227     } 227     }
228 } 228 }
229 @media (max-width: 767px) { 229 @media (max-width: 767px) {
230     .page-header.type6.header-newskin .logo { 230     .page-header.type6.header-newskin .logo {
231         height: 40px; 231         height: 40px;
232         float: right; 232         float: right;
233         margin: 10px 0; 233         margin: 10px 0;
234     } 234     }
235     .page-header.type6.header-newskin .logo img { 235     .page-header.type6.header-newskin .logo img {
236         max-width: 100%; 236         max-width: 100%;
237         max-height: 100%; 237         max-height: 100%;
238         width: auto; 238         width: auto;
239     } 239     }
240     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:before { 240     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:before {
241         left: 52px; 241         left: 52px;
242     } 242     }
243     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:after { 243     .page-header.type6.header-newskin:not(.sticky-header) .minicart-wrapper .block-minicart:after {
244         left: 51px; 244         left: 51px;
245     } 245     }
246     .page-header.type6.header-newskin .custom-block { 246     .page-header.type6.header-newskin .custom-block {
247         display: none; 247         display: none;
248     } 248     }
249     .page-header.type6.header-newskin .minicart-wrapper { 249     .page-header.type6.header-newskin .minicart-wrapper {
250         margin: 10px 0; 250         margin: 10px 0;
251     } 251     }
252     .page-header.type6.header-newskin .search-toggle-icon { 252     .page-header.type6.header-newskin .search-toggle-icon {
253         display: none; 253         display: none;
254     } 254     }
255     .page-header.type6.header-newskin .block-search .label { 255     .page-header.type6.header-newskin .block-search .label {
256         float: left; 256         float: left;
257         margin: 16px 0; 257         margin: 16px 0;
258         margin-left: 12px; 258         margin-left: 12px;
259     } 259     }
260     .page-header.type6.header-newskin .block-search .label:before { 260     .page-header.type6.header-newskin .block-search .label:before {
261         margin-top: 1px; 261         margin-top: 1px;
262         margin-bottom: -1px; 262         margin-bottom: -1px;
263     } 263     }
264 } 264 }